<template>
  <ele-modal form
             :width="1000"
             :model-value="modelValue"
             :title="'打印学生：'+currentStudentName+'(学号：'+currentStudentCode+')推荐表'"
             :body-style="{ overflow: 'auto'}"
             @update:modelValue="updateModelValue">
    <ele-card>
      <el-divider style="margin-top: 10px;margin-bottom: 10px;"></el-divider>
      <ele-loading :loading="loading" text="正在加载打印机" type="dot">
        <el-form :inline="true" :model="printerList" class="demo-form-inline">
          <el-form-item label="打印机">
            <el-select v-model="defaultPrinter" placeholder="请选择打印机" style="width: 350px;">
              <el-option v-for="(item,index) in printerList" :label="item" :value="item" :key="index"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="goPrint">打印</el-button>
          </el-form-item>
        </el-form>
      </ele-loading>
      <el-divider style="margin-top: 0px;margin-bottom: 10px;"></el-divider>
      <div v-if="currentStudentObject" id="printcontent">
        <div ref="frontPage" id="positive">
          <div class="left">
            <table>
              <tr>
                <td class="paper_td">
                  在校发表<br/>
                  论文、作<br/>
                  品,取得<br/>
                  科研成果<br/>
                  情&nbsp;&nbsp;况
                </td>
                <td class="paper_content">
                  {{ currentStudentObject.publishPaper ? currentStudentObject.publishPaper : "无" }}
                </td>
              </tr>
              <tr>
                <td class="remarks_td">
                  备&nbsp;&nbsp;注
                </td>
                <td class="remarks_content">
                  我院实行学分制管理，学生须完成规定的学分取得毕业资格并获得毕业证书后，才能予以派遣、就业。
                  <div class="" align="right" style="font-size: 11pt;">
                    {{ parseTime(currentStudentObject.leaveDate, "{y}/{m}/{d}") }}&nbsp;&nbsp;
                  </div>
                </td>
              </tr>
            </table>
            <table>
              <tr>
                <td class="explain">
                  <strong>填 表 说 明</strong>
                </td>
              </tr>
              <tr>
                <td class="explain_content">
                  <p>
                    1、本表按福建省教育厅要求印制，学生基本情况、推荐意见由学院毕业生就业管理部门审核盖章。
                  </p>
                  <p>
                    2、培养方式指：非定向、定向、委培、自筹。
                  </p>
                  <p>
                    3、学生成绩一览表由学院教务部门制作、审核、盖章。
                  </p>
                </td>
              </tr>
            </table>
          </div>
          <div class="center">
            <table>
              <tr>
                <td class="table_td">{{ currentStudentObject.xh }}</td>
              </tr>
            </table>
          </div>
          <div class="right">
            <div class="title">
              <table height="300" width="100%">
                <tr>
                  <td style="vertical-align:bottom;">
                    福建省普通高校毕业生<br/>
                    就&nbsp;业&nbsp;推&nbsp;荐&nbsp;表
                  </td>
                </tr>
              </table>
            </div>
            <div class="blank"></div>
            <table>
              <tr style="height:38px;">
                <td style="width:208px; text-align:right; vertical-align:bottom;">
                        <span class="item">
                            <strong>姓&nbsp;&nbsp;名：</strong>
                        </span>
                </td>
                <td
                  style="width:322px;text-align:left;vertical-align:bottom;text-align:center; ">
                  <span
                    style="font-size: 22px;line-height:15px;padding-bottom: 6px;font-family: 微软雅黑;font-weight: bold;display: inline-block;width:290px;border-style:solid ;border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px;">
{{ currentStudentObject.xm }}
                  </span>
                </td>
                <td style="width:152px;"></td>
              </tr>
              <tr style="height:45px;">
                <td style="width:208px; text-align:right; vertical-align:bottom;">
                  <span class="item"><strong>学&nbsp;&nbsp;校：</strong></span>
                </td>
                <td
                  style="width:322px;text-align:left;vertical-align:bottom;font-weight:bold;text-align:center; ">
                  <span
                    style="font-size: 22px;line-height:15px;padding-bottom: 6px;display: inline-block;width:290px;font-family: 微软雅黑;font-weight: bold;border-style:solid ;border-top-width:0px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px;">
福州大学至诚学院
                  </span>
                </td>
                <td></td>
              </tr>
              <tr style="height:45px;">
                <td style="width:208px; text-align:right; vertical-align:bottom;">
                  <span class="item"><strong>专&nbsp;&nbsp;业：</strong></span>
                </td>
                <td
                  style="width:322px;text-align:left;vertical-align:bottom;text-align:center; ">
                  <span
                    style="font-size: 22px;line-height:15px;padding-bottom: 6px;display: inline-block;width:290px;font-family: 微软雅黑;font-weight: bold;border-style:solid ;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;">
{{ currentStudentObject.major }}
                  </span>
                </td>
                <td></td>
              </tr>
              <tr style="height:45px;">
                <td style="width:208px; text-align:right; vertical-align:bottom;">
                  <span class="item"><strong>学&nbsp;&nbsp;历：</strong></span>
                </td>
                <td
                  style="width:322px;text-align:left;vertical-align:bottom;text-align:center;">
                  <span
                    style="font-size: 22px;line-height:15px;padding-bottom: 6px;display: inline-block;width:290px;font-family: 微软雅黑;font-weight: bold;border-style:solid ;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;">
                    本科
                  </span>
                </td>
                <td></td>
              </tr>
              <tr style="height:45px;">
                <td style="width:208px; text-align:right; vertical-align:bottom;">
                  <span class="item"><strong>毕业时间：</strong></span>
                </td>
                <td
                  style="width:322px;text-align:left;vertical-align:bottom;text-align:center; ">
                  <span
                    style="font-size: 22px;line-height:15px;padding-bottom: 6px;display: inline-block;width:290px;font-family: 微软雅黑;font-weight: bold;border-style:solid ;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;">
                      {{ currentStudentObject.leaveDate }}
                  </span>
                </td>
                <td></td>
              </tr>
            </table>
          </div>
          <div class="clear"></div>
        </div>
        <div ref="backPage" id="opposite">
          <div class="right">
            <div class="topblank">
              <strong>福州大学至诚学院学生成绩一览表</strong>
            </div>
            <div class="content">
              <table width="100%">
                <tr>
                  <td height="965px;"></td>
                </tr>
              </table>
            </div>
          </div>
          <div class="left">
            <div class="topblank">
            </div>
            <div class="content">
              <div class="top-column">
                <table class="text-middle text-center" cellpadding="0" cellspacing="0" width="683"
                       style="font-family:'宋体';">
                  <tr>
                    <td height="49" width="48">姓名</td>
                    <td width="83">{{ currentStudentObject.xm }}</td>
                    <td style="width:50px;">性别</td>
                    <td style="width:50px;">{{ currentStudentObject.xb }}</td>
                    <td style="width:57px;">政 治<br/>面 貌</td>
                    <td colspan="3" style="width:129px;">{{ currentStudentObject.zzmm }}</td>
                    <td width="57">毕 业<br/>时 间</td>
                    <td colspan="2" style="width:104px;">{{ currentStudentObject.LeaveDate }}</td>
                    <td rowspan="4" style="width:96px;">{{ currentStudentObject.xh }}</td>
                  </tr>
                  <tr>
                    <td colspan="2" style="height:39px;">学 校</td>
                    <td colspan="6" style="width:298px;">福州大学至诚学院</td>
                    <td style="height:39px;">培 养<br/>方 式</td>
                    <td colspan="2">非定向</td>
                  </tr>
                  <tr>
                    <td colspan="2" style="height:30px;">专 业</td>
                    <td colspan="4" style="width:203px;">
                      {{ currentStudentObject.department }}
                    </td>
                    <td style="width:43px;">学制</td>
                    <td style="width:52px;">
                      {{ currentStudentObject.xz }}年
                    </td>
                    <td style="height:30px;">学 历</td>
                    <td colspan="2">本科</td>
                  </tr>
                  <tr>
                    <td colspan="2" style="height:32px;">第二专业</td>
                    <td colspan="6" style="width:298px;">
                      {{ currentStudentObject.secondMajor }}
                    </td>
                    <td style="height:32px;" class="no-left-border">学 历</td>
                    <td colspan="2">
                      {{ currentStudentObject.secondEducation }}
                    </td>
                  </tr>
                  <tr>
                    <td height="45">
                      外 语<br/>水 平
                    </td>
                    <td colspan="2">
                      {{ currentStudentObject.foreignLanguageLevel }}
                    </td>
                    <td>
                      计算机<br/>水 平
                    </td>
                    <td colspan="4">
                      {{ currentStudentObject.computerLevel }}
                    </td>
                    <td>
                      身 高
                    </td>
                    <td width="55">
                      {{ currentStudentObject.height }}<br/>CM
                    </td>
                    <td width="39">
                      视力
                    </td>
                    <td>
                      左: {{ currentStudentObject.leftVision }}<br/>
                      右: {{ currentStudentObject.rightVision }}
                    </td>
                  </tr>
                  <tr>
                    <td height="45">
                      个 人<br/>电 话
                    </td>
                    <td colspan="2">
                      {{ currentStudentObject.mobilePhone }}
                    </td>
                    <td>
                      家 庭<br/>电 话
                    </td>
                    <td colspan="4">
                      {{ currentStudentObject.homePhone }}
                    </td>
                    <td>
                      电 子<br/>邮 箱
                    </td>
                    <td colspan="3">
                      {{ currentStudentObject.email }}
                    </td>
                  </tr>
                  <tr>
                    <td height="45">
                      学 校<br/>地 址
                    </td>
                    <td colspan="7">
                      福建省福州市鼓楼区杨桥西路50号
                    </td>
                    <td>
                      邮 政<br/>编 码
                    </td>
                    <td colspan="3">
                      350002
                    </td>
                  </tr>
                  <tr>
                    <td height="45">
                      家 庭<br/>地 址
                    </td>
                    <td colspan="7">
                      {{ currentStudentObject.homeAddress }}
                    </td>
                    <td>
                      邮 政<br/>编 码
                    </td>
                    <td colspan="3">
                      {{ currentStudentObject.homeCode }}
                    </td>
                  </tr>
                </table>
              </div>
              <div class="textarea-column">
                <table width="100%" class="text-middle text-center">
                  <tr>
                    <td width="102" height="105" class="no-top-border " id="jtzycyqk">
                      家 庭<br/>主要成员<br/>情 况
                    </td>
                    <td class="no-top-border" style="text-align:left;padding:3px 3px 3px 6px;vertical-align:top;">
                      {{ currentStudentObject.familyMember1 }}<br/>
                      {{ currentStudentObject.familyMember2 }}<br/>
                      {{ currentStudentObject.familyMember3 }}<br/>
                      {{ currentStudentObject.familyMember4 }}<br/>
                      {{ currentStudentObject.familyMember5 }}<br/>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="textarea-column">
                <table width="100%" class="text-middle text-center">
                  <tr>
                    <td width="102" height="105" class="no-top-border " id="zxjcqk">
                      在校奖惩<br/>情 况
                    </td>
                    <td class="no-top-border" style="text-align:left;padding:3px 3px 3px 6px;vertical-align:top;">
                      <span
                        v-if="!currentStudentObject.rewardPunishmentPrize1 && !currentStudentObject.rewardPunishmentPrize2 && !currentStudentObject.rewardPunishmentPrize3 && !currentStudentObject.rewardPunishmentPrize4 && !currentStudentObject.rewardPunishmentPrize5">
                        无
                      </span>
                      {{ currentStudentObject.rewardPunishmentPrize1 }}<br/>
                      {{ currentStudentObject.rewardPunishmentPrize2 }}<br/>
                      {{ currentStudentObject.rewardPunishmentPrize3 }}<br/>
                      {{ currentStudentObject.rewardPunishmentPrize4 }}<br/>
                      {{ currentStudentObject.rewardPunishmentPrize5 }}<br/>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="textarea-column">
                <table width="100%" class="text-middle text-center">
                  <tr>
                    <td width="102" height="105" class="no-top-border " id="zxcsshgzqk">
                      在校从事<br/>社会工作<br/>情 况
                    </td>
                    <td class="no-top-border" style="text-align:left;padding:3px 3px 3px 6px;vertical-align:top;">
                      {{ currentStudentObject.workContent1 }}<br/>
                      {{ currentStudentObject.workContent2 }}<br/>
                      {{ currentStudentObject.workContent3 }}<br/>
                      {{ currentStudentObject.workContent4 }}<br/>
                      {{ currentStudentObject.workContent5 }}<br/>
                    </td>
                  </tr>
                </table>
              </div>
              <div class="textarea-column">
                <table width="100%" class="text-middle text-center">
                  <tr>
                    <td width="102" height="46" class="no-top-border " id="qzyx">
                      求 职<br>意 向
                    </td>
                    <td class="no-top-border" style="text-align:left;padding:0 3px 0 6px;vertical-align:middle;">
                      {{ currentStudentObject.jobSearchIntention }}
                    </td>
                  </tr>
                </table>
              </div>
              <div class="textarea-column">
                <table width="100%" class="text-middle text-center">
                  <tr>
                    <td width="102" height="147" class="no-top-border " id="szxtjyj">
                      所在系<br>推荐意见
                    </td>
                    <td class="no-top-border" style="text-align:left;padding:3px 3px 3px 6px;vertical-align:top;">
                      {{ currentStudentObject.departmentOpinion }}
                    </td>
                  </tr>
                </table>
              </div>
              <div class="textarea-column">
                <table width="100%" class="text-middle text-center">
                  <tr>
                    <td width="102" height="72" class="no-top-border " id="xytjyj">
                      学院推荐<br>意 见
                    </td>
                    <td class="no-top-border"
                        style="text-align:center;padding:0 3px 0 6px;vertical-align:middle;font-size:24px;line-height:45px;"
                        height="72">
                      同意推荐就业！
                    </td>
                  </tr>
                </table>
              </div>
              <div class="textarea-column">
                <table width="100%" class="text-middle text-center">
                  <tr>
                    <td width="102" height="30" class="no-top-border ">
                      学院联系人
                    </td>
                    <td class="no-top-border" style="text-align:left;padding:0 3px 0 6px;vertical-align:middle;">
                      {{ currentStudentObject.counsellorName }} 老师&nbsp;{{ currentStudentObject.counsellorPhone }}&nbsp;&nbsp;&nbsp;学院毕业生就业指导中心电话&nbsp;0591-87893159
                    </td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </ele-card>
  </ele-modal>
</template>
<script setup>
import {getLodop} from "@/assets/js/LodopFuncs";
import {ref, reactive, watch, onMounted} from 'vue';
import {EleMessage} from 'ele-admin-plus/es';
import {getInfo} from "@/api/manage/orecommend/admin/index";

import {parseTime} from "@/utils/linyang.js";

const emit = defineEmits(['done', 'update:modelValue']);

const props = defineProps({
  /** 弹窗是否打开 */
  modelValue: Boolean,
  /** 修改回显的数据 */
  data: Number
});


/** 更新modelValue */
const updateModelValue = (value) => {
  emit('update:modelValue', value);
};

/** 提交状态 */
const loading = ref(false);

/**
 * 当前学生学号
 * @type {Ref<UnwrapRef<string>>}
 */
const currentStudentCode = ref("");

/**
 * 当前学生姓名
 * @type {Ref<UnwrapRef<string>>}
 */
const currentStudentName = ref("");


const currentStudentObject = ref(null);

const selectInfo = () => {
  getInfo(props.data).then(res => {
    console.log(res.data);
    let object = res.data;
    if (object.studentCheck == '0' || object.studentRecommendSubmit == '0') {
      EleMessage.error('该生推荐表信息填写不完成，需重新填写！');
      return;
    } else {
      currentStudentObject.value = object;
      currentStudentName.value = object.xm;
      currentStudentCode.value = object.xh;
    }
  });
}

const printerList = ref([]);
const defaultPrinter = ref('');
/**
 * 初始化本地打印机列表
 */
const initPrinterList = () => {
  let LODOP = getLodop()//调用getLodop获取LODOP对象
  //初始化打印机列表
  let printCount = LODOP.GET_PRINTER_COUNT();//获取打印机数量
  for (let i = 0; i < printCount; i++) {
    printerList.value.push(LODOP.GET_PRINTER_NAME(i));
  }
  defaultPrinter.value = LODOP.GET_PRINTER_NAME(-1);//获取默认打印机
}


const frontPage = ref(null);
const backPage = ref(null);


const goPrint = () => {
  let frontPageHtml = frontPage.value.innerHTML;
  let backPageHtml = backPage.value.innerHTML;

  let LODOP = getLodop()//调用getLodop获取LODOP对象
  let htmlEnd = "</html>";

  //添加样式
  let strStyleCSS = "<!DOCTYPE html><html><head><style type=\"text/css\">" + printStyle.value + "</style></head>";
  LODOP.PRINT_INIT("打印毕业生推荐表");//初始化打印任务
  LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "A3");//设置纸张样式

  let strHtml = "<div id='positive'>" + frontPageHtml + "</div>";
  LODOP.ADD_PRINT_HTM(0, 0, "1470", "1000", strStyleCSS + strHtml + htmlEnd);//设置打印内容
  LODOP.SET_PRINT_STYLEA(0, "Horient", 2);//水平垂直居中
  LODOP.SET_PRINT_STYLEA(0, "Vorient", 2);//水平垂直居中

  LODOP.NewPage();

  strHtml = "<div id='opposite'>" + backPageHtml + "</div>";
  LODOP.ADD_PRINT_HTM(0, 0, "1470", "1000", strStyleCSS + strHtml + htmlEnd);//设置打印内容
  LODOP.SET_PRINT_STYLEA(0, "Horient", 2);//水平垂直居中
  LODOP.SET_PRINT_STYLEA(0, "Vorient", 2);//水平垂直居中

  LODOP.SET_SHOW_MODE("MESSAGE_PARSING_HTM", "正在加载要打印的内容，请稍等！");//设置消息显示模式
  LODOP.SET_PRINT_MODE("PRINT_DEFAULTSOURCE", 7);//设置纸盒 7-自动
  //LODOP.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW",true);
  LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%");//设置缩放比例
  LODOP.SET_PRINTER_INDEXA(defaultPrinter.value);//设置打印机
  LODOP.SET_PRINT_MODE("PRINT_DUPLEX", 3);//双面短边打印
  LODOP.SET_SHOW_MODE("LANDSCAPE_DEFROTATED", 1);//横向时的正向显示
  LODOP.PREVIEW();//打印预览
  // LODOP.PRINT_DESIGN();
  // return;
}


const printStyle = ref(`
#printcontent {
  width: 1466px;
  height: 2000px;
  font-family: '宋体', sans-serif;
}


#printcontent table {
  border-collapse: collapse;
  border-spacing: 0;
}

.print_div {
}

#positive {
  width: 1466px;
  height: 1000px;
}

#positive table {
  border-collapse: collapse;
  border-spacing: 0;
}

#positive .left {
  width: 678px;
  padding-top: 20px;
  float: left;
}

#positive .paper_td {
  width: 112px;
  height: 660px;
  vertical-align: middle;
  text-align: center;
  font-size: 11pt;
  line-height: 18px;
  border: 1px solid #000;
}

#positive .paper_content {
  width: 546px;
  height: 640px;
  padding: 10px;
  border: 1px solid #000;
  vertical-align: top;
  text-align: left;
  font-size: 11pt;
  line-height: 18px;
}


#positive .remarks_td {
  width: 112px;
  height: 79px;
  vertical-align: middle;
  text-align: center;
  font-size: 11pt;
  border: 1px solid #000;
}

#positive .remarks_content {
  width: 546px;
  height: 59px;
  padding: 10px;
  border: 1px solid #000;
  vertical-align: top;
  text-align: left;
  font-size: 18px;
  line-height: 18px;
  text-indent: 2em;
}

#positive .remarks_content div {
  text-align: right;
  margin-top: 5px;
}

#positive .explain {
  text-align: center;
  font-size: 24px;
  padding-top: 40px;
  padding-bottom: 9px;
}

#positive .explain_content {
  font-size: 18px;
  line-height: 27px;
  text-align: left;
  text-indent: 2em;
  padding-left: 50px;
  padding-bottom: 5px;
}


#positive .center {
  width: 105px;
  height: 928px;
  float: left;
}

#positive .center .table_td {
  width: 105px;
  height: 928px;
  font-size: 11pt;
  vertical-align: bottom;
  text-align: center;
}


#positive .right {
  width: 682px;
  float: right;
}


#positive .right .title {
  width: 100%;
  height: 300px;
}

#positive .right .title table td {
  text-align: center;
  line-height: 75px;
  font-family: 黑体;
  font-size: 50px;
  font-weight: bold;
}

#positive .right .blank {
  width: 100%;
  height: 360px;
}


#positive .right .item {
  font-size: 16pt;
  line-height: 18px;
}

#positive .right .itemname {
  width: 290px;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}

#positive .right .itemschool {
  width: 290px;
  font-weight: bold;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}


#positive .right .itemmajor {
  width: 290px;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}

#positive .right .itemxl {
  width: 290px;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}

#positive .right .itemdata {
  width: 290px;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}


#opposite {
  width: 1466px;
  height: 1000px;
  overflow: hidden;
  font-family: '宋体', sans-serif;
}

#opposite .left {
  width: 684px;
  height: 970px;
  float: left;
}


#opposite .left .topblank {
  height: 18px;
}

#opposite .left .content {
  height: 952px;
}

#opposite table {
  font-size: 11pt;
  line-height: 18px;
  border-collapse: collapse;
  border-spacing: 0;
}

#opposite table tr td {
  border: 1px solid #000;
}


#opposite .no-border {
  border: 0px;
}

#opposite .no-left-border {
  border-left: 0px;
}

#opposite .no-top-border {
  border-top: 0px;
}

#opposite .no-right-border {
  border-right: 0px;
}

#opposite .no-bottom-border {
  border-bottom: 0px;
}

#opposite .text-middle {
  vertical-align: middle;
}

#opposite .text-center {
  text-align: center;
}

#opposite .top-column {
}

#opposite .top-column .top-column-first {
  width: 128px;
  /*height: 150px;*/
  float: left;
}

#opposite .top-column .top-column-second {
  width: 298px;
  /*height: 150px;*/
  float: left;
}


#opposite .top-column .top-column-third {
  width: 257px;
  float: left;
}

#opposite .second-column-fourth {
  width: 683px;
  height: 45px;
  font-size: 11pt;
  line-height: 18px;
}

/**/
#opposite .second-column-fourth div {
  height: 45px;
}

#opposite .float-left {
  float: left;
}


#opposite .textarea-column {
  width: 683px;
}


#opposite .center {
  width: 105px;
  height: 970px;
  float: left;
}

#opposite .right {
  width: 680px;
  height: 970px;
  float: right;
}

#opposite .right .topblank {
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
}

#opposite .right .content {
}

.clear {
  clear: both;
}
`);
onMounted(() => {
  loading.value = true;
  //加载学生信息
  selectInfo();
  //延迟1.5秒再执行
  setTimeout(function () {
    loading.value = false;
    initPrinterList();
  }, 1000); // 1500毫秒后执行

  //注册样式
  const style = document.createElement('style');
  style.innerHTML = printStyle.value;
  document.head.appendChild(style);
});

</script>

<style lang="scss" scoped>
#printcontent {
  width: 1466px;
  height: 2100px;
  font-family: '宋体', sans-serif;
}


#printcontent table {
  border-collapse: collapse;
  border-spacing: 0;
}

.print_div {
}

#positive {
  width: 1466px;
  height: 1000px;
}

#positive .left {
  width: 678px;
  padding-top: 20px;
  float: left;
}

#positive .paper_td {
  width: 112px;
  height: 660px;
  vertical-align: middle;
  text-align: center;
  font-size: 11pt;
  line-height: 18px;
  border: 1px solid #000;
}

#positive .paper_content {
  width: 546px;
  height: 640px;
  padding: 10px;
  border: 1px solid #000;
  vertical-align: top;
  text-align: left;
  font-size: 11pt;
  line-height: 18px;
}


#positive .remarks_td {
  width: 112px;
  height: 79px;
  vertical-align: middle;
  text-align: center;
  font-size: 11pt;
  border: 1px solid #000;
}

#positive .remarks_content {
  width: 546px;
  height: 59px;
  padding: 10px;
  border: 1px solid #000;
  vertical-align: top;
  text-align: left;
  font-size: 18px;
  line-height: 18px;
  text-indent: 2em;
}

#positive .remarks_content div {
  text-align: right;
  margin-top: 5px;
}

#positive .explain {
  text-align: center;
  font-size: 24px;
  padding-top: 40px;
  padding-bottom: 9px;
}

#positive .explain_content {
  font-size: 18px;
  line-height: 27px;
  text-align: left;
  text-indent: 2em;
  padding-left: 50px;
  padding-bottom: 5px;
}


#positive .center {
  width: 105px;
  height: 928px;
  float: left;
}

#positive .center .table_td {
  width: 105px;
  height: 928px;
  font-size: 11pt;
  vertical-align: bottom;
  text-align: center;
}


#positive .right {
  width: 682px;
  float: right;
}


#positive .right .title {
  width: 100%;
  height: 300px;
}

#positive .right .title table td {
  text-align: center;
  line-height: 75px;
  font-family: 黑体;
  font-size: 50px;
  font-weight: bold;
}

#positive .right .blank {
  width: 100%;
  height: 360px;
}


#positive .right .item {
  font-size: 16pt;
  line-height: 18px;
}

#positive .right .itemname {
  width: 290px;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}

#positive .right .itemschool {
  width: 290px;
  font-weight: bold;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}


#positive .right .itemmajor {
  width: 290px;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}

#positive .right .itemxl {
  width: 290px;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}

#positive .right .itemdata {
  width: 290px;
  text-align: center;
  border-style: solid;
  border-bottom-width: 1px;
  font-size: 16pt;
}


#opposite {
  width: 1466px;
  height: 1000px;
  overflow: hidden;
  font-family: '宋体', sans-serif;
}

#opposite .left {
  width: 684px;
  height: 970px;
  float: left;
}


#opposite .left .topblank {
  height: 18px;
}

#opposite .left .content {
  height: 952px;
}

#opposite table {
  font-size: 11pt;
  line-height: 18px;
}

#opposite table tr td {
  border: 1px solid #000;
}


#opposite .no-border {
  border: 0px;
}

#opposite .no-left-border {
  border-left: 0px;
}

#opposite .no-top-border {
  border-top: 0px;
}

#opposite .no-right-border {
  border-right: 0px;
}

#opposite .no-bottom-border {
  border-bottom: 0px;
}

#opposite .text-middle {
  vertical-align: middle;
}

#opposite .text-center {
  text-align: center;
}

#opposite .top-column {
}

#opposite .top-column .top-column-first {
  width: 128px;
  /*height: 150px;*/
  float: left;
}

#opposite .top-column .top-column-second {
  width: 298px;
  /*height: 150px;*/
  float: left;
}


#opposite .top-column .top-column-third {
  width: 257px;
  float: left;
}

#opposite .second-column-fourth {
  width: 683px;
  height: 45px;
  font-size: 11pt;
  line-height: 18px;
}

/**/
#opposite .second-column-fourth div {
  height: 45px;
}

#opposite .float-left {
  float: left;
}


#opposite .textarea-column {
  width: 683px;
}


#opposite .center {
  width: 105px;
  height: 970px;
  float: left;
}

#opposite .right {
  width: 680px;
  height: 970px;
  float: right;
}

#opposite .right .topblank {
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
}

#opposite .right .content {
}

.clear {
  clear: both;
}
</style>
